<include file="application/zhonghang/view/public/header.html"/>
<style type="text/css">
	.active{
		color: #0081cc!important;
		font-weight: 600;
	}
</style>
	<body>
		<!--
        	作者：416153666@qq.com
        	时间：2015-12-15
        	描述：头部开始
        -->
					<!--小屏菜单 -->
		<div class="clearfix xs-nav" id="sidr-left">
			<ul class="nav-ul">
				<li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
				<li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
				<li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
				<li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
				<li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
				<li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
				<li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
			</ul>
		</div>
		<header id="header">
			<div class="top-bar">
				<div class="container">
					<div class="fl">

					</div>
					<div class="fr top-a">
						<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
						<a href="javacript:void(0);" lang='en' class='btn'>English</a>
						<!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
						<a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>
					</div>
				</div>
			</div>
			
			<div class="nav-box">
				<div class="container">
					<div class="fl">
						<a href="#"><img src="{$lists.w_logo}" class="logo"/></a>
					</div>
					<nav class="fr nav">
						<i class="icon-language"><img src="__PUBLIC__/home/img/header/yy.png"/></i>
						<i class="icon-menu"id="left-menu" >
							<img src="__PUBLIC__/home/img/header/nav.png"/>
						</i>
						<!--大屏菜单 -->
						<ul>
							<li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
							<li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
							<li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
							<li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
							<li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
							<li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
							<li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="language-txt">
				<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
				<a href="javacript:void(0);" lang='en' class='btn'>English</a>
				<!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
				<a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>
			</div>
		</header>
    <!--
    	作者：416153666@qq.com
    	时间：2015-12-15
    	描述：头部结束
    -->
		<!--内页 BAN-->
		<div class="ab-ban">
			<img src="{$cpzxtp}"/>
		</div>
		<!--内页 BAN 结束-->
		
		<div class="container mt20">
				<div class="row">
					<div class="col-lg3 col-md-3 hidden-sm l-list">
						<h2 class="l-title">{$Think.lang.chanpin}</h2>
						<ul class="l-sub">
							<foreach name="list" item="vc">
								<li>
									<a href="/zhonghang/collection/index/id/{$vc.id}" class="cnm{$vc.id}">{$vc.name}</a>
									<foreach  name="hh" item="vo">
										<dl class="second" >
											<a href="/zhonghang/collection/cpxx/id/{$vo.id}" ><dd class="add">{$vo.ct_name}</dd></a>
										</dl>
									</foreach>

								</li>
								<div style="position: relative;left: 150px;top: 0px" id="ddd">
								</div>
							</foreach>
							<li>
							<a href="/zhonghang/collection/search">{$Think.lang.cpss}</a>
							</li>
						</ul>
<!--						<ul>-->
<!--							<foreach name="arr" item="vo">-->
<!--								<li><a href="">{$vo.name}</a></li>-->
<!--							</foreach>-->
<!--						</ul>-->
					</div>
					
					<div class="col-lg-9 col-md-9 col-sm-12 r-list">
							<div class="mpx-box">
									<h2 class="fl">{$dangqian}</h2>
									<div class="wz  hidden-xs">
										{$Think.lang.weizhi}：<a href="/zhonghang/index/index">{$Think.lang.shouye}</a> > <a href="/zhonghang/collection/index">{$Think.lang.chanpin}</a>
									</div>
							</div>
							
							<div class="row cp-list">
								<ul class="clearfix">
									<foreach name="arr" item="vo">
										<li class="col-md-4 col-sm-4 col-xs-6">
											<div class="pic-img">
												<a href="/zhonghang/collection/cp/id/{$vo.id}"><img src="{$vo.image}" /></a>
											</div>
											<p><a href="/zhonghang/collection/cp/id/{$vo.id}">{$vo.name}</a></p>
										</li>
									</foreach>

								</ul>
							</div>

<!--							<nav class="fenye text-center">-->
<!--								<ul class="pagination pagination-sm">-->
<!--									<li><a aria-label="Previous"><span aria-hidden="true">«</span></a></li>-->
<!--									<li class="active"><a>1</a></li>-->
<!--									<li><a href="#">2</a></li>-->
<!--									<li><a href="#">3</a></li>-->
<!--									<li><a href="#">4</a></li>-->
<!--									<li><a href="#">5</a></li>-->
<!--									<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>-->
<!--								</ul>-->
<!--							</nav>-->
					</div>
				</div>
		</div>

<input type="hidden"  id='did' value="{$id}">




     <!--网页底部-->
<include file="application/zhonghang/view/public/footer.html"/>
    
<!--网页底部 结束-->
		
	 <!--首页语言切换JS-->	
<script type="text/javascript">
	$(document).ready(function(){
	  var did=$('#did').val();
	  var yid= window.location.href 
	  if (yid.indexOf(did) != -1) {
	  	$('.cnm'+ did).addClass('active')
	  }

	  $(".icon-language").click(function(){
	  $(".language-txt").toggle(200);
	  });
});	
</script>
 <!--首页焦点图 JS-->
    <script>
    var swiper = new Swiper('#t-ban', {
        pagination: '#t-ban .swiper-pagination',
        paginationClickable: true,
        loop : true,
    });
    </script>
		<script>
			$(function(){
				//点击后判断ul是否隐藏
				$(".lanrenzhijia p").click(function(){
					var ul = $(".l-sub");
					if(ul.css("display")=="none"){
						ul.slideDown(200);
					}else{
						ul.slideUp(200);
					}
				});
				//鼠标悬停显示二级导航栏目
				$('.lanrenzhijia li').hover(function(){
					var ddd=document.getElementById('ddd')
					$('ddd',this).show(0);
				},function(){
					$('dl',this).hide(0);
				}).each(function(){
					var second = $(this).find('.second');
					if(second.length == '1'){
						$(this).addClass('dot');
					}
				});
				$('.lanrenzhijia dl').each(function(){
					$('dd:last',this).css('border-bottom','0');
				});
				//选中某个内容后赋值给p标签，并隐藏ul列表
				$(".lanrenzhijia .add").click(function(){
					var txt = $(this).text();
					$(".lanrenzhijia p").html(txt);
					$(".l-sub").hide();
				});
			});
		</script>
    
    
    
    <!--最新产品区域 JS-->
    <script>
    var swiper = new Swiper('#sy-cplist', {
        pagination: '#sy-cplist .swiper-pagination',
        paginationClickable: true,
        slidesPerView: 4,
        spaceBetween: 50,
        breakpoints: {
            1000: {
                slidesPerView: 3,
                spaceBetween: 40
            },
            768: {
                slidesPerView: 2,
                spaceBetween: 30
            },
            640: {
                slidesPerView: 2,
                spaceBetween: 20
            },
            480: {
                slidesPerView: 1,
                spaceBetween: 10
            },
            320: {
                slidesPerView: 1,
                spaceBetween: 10
            }
        }
    });
    </script>
	
	</body>
</html>
<script>
    $('.btn').click(function(){
        var data={'lang':$(this).attr('lang')}
        $.get("{:url('Index/lang')}",data,function(){
            location.reload();
        })
    })
</script>
